﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Order.aspx.cs" Inherits="Order" %>

<%@ Register assembly="DevExpress.Web.ASPxEditors.v10.2, Version=10.2.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxEditors" tagprefix="dx" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="Styles/MyStyle.css" rel="Stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div>

        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" BackColor="White" 
            BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4" 
            ForeColor="Black" GridLines="Vertical" Width="650px">
            <RowStyle BackColor="#F7F7DE" />
            <Columns>
                <asp:TemplateField HeaderText="Hình">
                    <EditItemTemplate>
                        <asp:Image ID="Image1" runat="server" Height="95px" 
                            ImageUrl='<%# Eval("Thumbnail") %>' Width="71px" />
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Image ID="Image2" runat="server" Height="98px" 
                            ImageUrl='<%# Eval("Thumbnail") %>' Width="73px" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Tên sách">
                    <EditItemTemplate>
                        <asp:Label ID="Label2" runat="server" Text='<%# Bind("ProductName") %>'></asp:Label>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Label ID="Label5" runat="server" Text='<%# Bind("ProductName") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Đơn giá">
                    <EditItemTemplate>
                        <asp:Label ID="Label3" runat="server" Text='<%# Bind("UnitPrice", "{0:N0}đ") %>'></asp:Label>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Label ID="Label6" runat="server" 
                            Text='<%# Bind("UnitPrice", "{0:N0}đ") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Số lượng">
                    <EditItemTemplate>
                        <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("Amount") %>' 
                            Width="30px" style="text-align: center"></asp:TextBox>
                        <asp:Label ID="Label9" runat="server" 
                            Text='<%# Eval("Remaining", "/{0} sản phẩm") %>'></asp:Label>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Label ID="Label7" runat="server" Text='<%# Eval("Amount") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Tổng">
                    <EditItemTemplate>
                        <asp:Label ID="Label4" runat="server" Text='<%# Bind("Total", "{0:N0}đ") %>'></asp:Label>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Label ID="Label8" runat="server" Text='<%# Bind("Total", "{0:N0}đ") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
            <FooterStyle BackColor="#CCCC99" />
            <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
            <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
            <HeaderStyle Wrap="False" BackColor="#6B696B" Font-Bold="True" 
                ForeColor="White" />
            <AlternatingRowStyle BackColor="White" />
        </asp:GridView>
        
        <h4>Tổng số tiền: <span style="color:Red;"><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></span></h4>
    </div>
    <div>
        <p> Thông tin người thanh toán và người nhận hàng</p>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <div>
                    <table class="style1">
                        <tr>
                            <td>
                                <p>Họ tên người thanh toán</p>
                            <td>
                                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                                    ControlToValidate="TextBox1" ErrorMessage="*" SetFocusOnError="True">Bắt buộc</asp:RequiredFieldValidator>
                                </td>
                        </tr>
                        <tr>
                            <td>
                                <p>Địa chỉ người thanh toán</p>
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                                    ControlToValidate="TextBox2" ErrorMessage="*" SetFocusOnError="True">Bắt buộc</asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="style2">
                                <p>Số điện thoại người thanh toán</p>
                            </td>
                            <td class="style2">
                                <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                                    ControlToValidate="TextBox3" ErrorMessage="*" SetFocusOnError="True">Bắt buộc</asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                                    ControlToValidate="TextBox3" ErrorMessage="*" SetFocusOnError="True" 
                                    ValidationExpression="0\d{9}\d?">Nhập số điện thoại</asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:CheckBox CssClass="JustifyRight" AutoPostBack="true" 
                                    CausesValidation="false" ID="CheckBox1" runat="server" 
                                    Text="Người thanh toán là người nhận" 
                                    oncheckedchanged="CheckBox1_CheckedChanged"/>
                            </td>
                            <td>
                                &nbsp;</td>
                        </tr>
                        <tr>
                            <td>
                                <p>
                                    Họ tên người nhận</p>
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" 
                                    ControlToValidate="TextBox4" ErrorMessage="*" SetFocusOnError="True">Bắt buộc</asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p>
                                    Địa chỉ người nhận</p>
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" 
                                    ControlToValidate="TextBox5" ErrorMessage="*" SetFocusOnError="True">Bắt buộc</asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p>
                                    Số điện thoại người nhận</p>
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" 
                                    ControlToValidate="TextBox6" ErrorMessage="*" SetFocusOnError="True">Bắt buộc</asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" 
                                    ControlToValidate="TextBox6" ErrorMessage="*" SetFocusOnError="True" 
                                    ValidationExpression="0\d{9}\d?">Nhập số điện thoại</asp:RegularExpressionValidator>
                            </td>
                        </tr>
                            <td></td>
                            <td>
                                <asp:Button ID="ASPxButton1" runat="server" Text="Đặt hàng" 
                                    onclick="ASPxButton1_Click" CssClass="Button">
                                </asp:Button>
                            </td>
                    </table>                    
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    
</asp:Content>

